requirejs.config({
	baseUrl: '../js',
	paths: {
		jquery: 'lib/jquery',
		swiper: 'lib/swiper.min',
		cookie: 'lib/jquery.cookie',
		lazyload:'lib/jquery.lazyload',
		fly:'lib/jquery.fly.min',
	},
	shim:{
		lazyload:{
			deps:['jquery']
		},
		fly:{
			deps:['jquery']
		}
	}
})
requirejs(['jquery', 'lazyload','swiper', 'cookie','fly'], function ($) {
	
	$(function () {
		//swiper插件轮播
		var swiper = new Swiper('.swiper-container', {
			pagination: '.swiper-pagination',
			// nextButton: '.swiper-button-next',
			// prevButton: '.swiper-button-prev',
			paginationClickable: true,
			spaceBetween: 30,
			centeredSlides: true,
			autoplay: 2500,
			autoplayDisableOnInteraction: false
		});
		
		$(document).scroll(function () {
			if ($(document).scrollTop() > 200) {
				$('#backtop').removeClass('hidden')
			} else {
				$('#backtop').addClass('hidden')
			}
			;
		})
		$('#backtop').on('click', function () {
			$("html,body").animate({'scrollTop': 0}, 500)
		})
		
		//登录改名字
		//菜单栏的三级导航
		$('#list-left>ul>li').on('mouseenter', function () {
			$('#list-left>ul>li').find($('.item')).removeClass('hover')
			$(this).find($('.item')).addClass('hover');
			$('#list-left>ul>li').find($('.map')).addClass('hidden')
			$(this).find($('.map')).removeClass('hidden');
			
		})
		$('#list-left>ul>li').on('mouseleave', function () {
			$('#list-left>ul>li').find($('.item')).removeClass('hover')
			$(this).find($('.map')).addClass('hidden');
		})
		//通过ajax获取json文件里的数据
		$.ajax({
			url: '../menu.json',
			type: 'get',
			success: function (res) {
				var data = res[0].content;
				for (var i = 0; i < data.length; i++) {
					var bBox = $('<div class="list1 clear"><div class="cat1"><a href="#">' + data[i].name + ':</a></div></div>');
					var rgBox = $("<div class='link1'></div>");
					var oul = $("<ul class='clear'></ul>");
					for (var j = 0; j < data[i].content.length; j++) {
						var lia = $('<li><a href=#">' + data[i].content[j] + '</a></li>');
						oul.append(lia);
					}
					rgBox.append(oul);
					bBox.append(rgBox);
					$('.fl-lf').append(bBox);
				}
			}
		})
		//酒的tab 栏切换
		$('#wine>.tilbox li').on('mouseenter', function () {
			$('#wine>.tilbox li').css('color', 'black');
			$(this).css('color', 'red')
			var index = $(this).index();
			$('.logoAll').addClass('hidden');
			$('.logoAll').eq(index).removeClass('hidden')
		})
		//热卖tab 栏切换
		$('.tab-nav>li').on('mouseenter', function () {
			$('.tab-nav>li').removeClass('selected');
			$(this).addClass('selected');
			$('.tab-nav>li').find('h3').css('color', 'black');
			$(this).find('h3').css('color', 'red');
			var index = $(this).index();
			$('.tab-panel').addClass('hidden');
			$('.tab-panel').eq(index).removeClass('hidden');
		})
		//楼层tab切换
		$('#f1 .tabs-nav>li').on('mouseenter', function () {
			$('#f1 .tabs-nav>li').removeClass('tabs-selected')
			$(this).addClass('tabs-selected');
			var index = $(this).index();
			$('#f1 .tabs-panel').addClass('hidden');
			$('#f1 .tabs-panel').eq(index).removeClass('hidden');
		})
		$('#f2 .tabs-nav>li').on('mouseenter', function () {
			$('#f2 .tabs-nav>li').removeClass('tabs-selected')
			$(this).addClass('tabs-selected');
			var index = $(this).index();
			$('#f2 .tabs-panel').addClass('hidden');
			$('#f2 .tabs-panel').eq(index).removeClass('hidden');
		})
		$('#f3 .tabs-nav>li').on('mouseenter', function () {
			$('#f3 .tabs-nav>li').removeClass('tabs-selected')
			$(this).addClass('tabs-selected');
			var index = $(this).index();
			$('#f3 .tabs-panel').addClass('hidden');
			$('#f3 .tabs-panel').eq(index).removeClass('hidden');
		})
		$('#f4 .tabs-nav>li').on('mouseenter', function () {
			$('#f4 .tabs-nav>li').removeClass('tabs-selected')
			$(this).addClass('tabs-selected');
			var index = $(this).index();
			$('#f4 .tabs-panel').addClass('hidden');
			$('#f4 .tabs-panel').eq(index).removeClass('hidden');
		})
		$('#f5 .tabs-nav>li').on('mouseenter', function () {
			$('#f5 .tabs-nav>li').removeClass('tabs-selected')
			$(this).addClass('tabs-selected');
			var index = $(this).index();
			$('#f5 .tabs-panel').addClass('hidden');
			$('#f5 .tabs-panel').eq(index).removeClass('hidden');
		})
		$('#f6 .tabs-nav>li').on('mouseenter', function () {
			$('#f6 .tabs-nav>li').removeClass('tabs-selected')
			$(this).addClass('tabs-selected');
			var index = $(this).index();
			$('#f6 .tabs-panel').addClass('hidden');
			$('#f6 .tabs-panel').eq(index).removeClass('hidden');
		})
		$('#f7 .tabs-nav>li').on('mouseenter', function () {
			$('#f7 .tabs-nav>li').removeClass('tabs-selected')
			$(this).addClass('tabs-selected');
			var index = $(this).index();
			$('#f7 .tabs-panel').addClass('hidden');
			$('#f7 .tabs-panel').eq(index).removeClass('hidden');
		})
		$('#f8 .tabs-nav>li').on('mouseenter', function () {
			$('#f8 .tabs-nav>li').removeClass('tabs-selected')
			$(this).addClass('tabs-selected');
			var index = $(this).index();
			$('#f8 .tabs-panel').addClass('hidden');
			$('#f8 .tabs-panel').eq(index).removeClass('hidden');
		})
		//楼层动态创建
		$.ajax({
			url: '../detail.json',
			type: 'get',
			success: function (res) {
				console.log(res[1].floor.length);
				console.log(res[0].floor[0].content[0].content.name);
				console.log($('.floor').length);
				for (var n = 0; n < $('.floor').length; n++) {//总共八层楼
					var wrapbox=$('<div class="wrapbox"></div>')
					for (var i = 0; i < res[n].floor.length; i++) {//每层楼4个tab
						var panel = $('<div class="tabs-panel hidden"></div>')
						for (var j = 0; j < res[n].floor[i].content.length; j++) {//tab存放了多少个数据
							var data=res[n].floor[i].content[j].content;
							var bigBox = $('<div class="detail" ></div>');
							var wrap = $('<div class="wrap"></div>');
							var aImg = $('<a href="javascript:void(0)" onclick="action(this,'+ res[n].floor[i].content[j].id + ')" class="goodsimg" title=' + data.name +'><img class="lazy"  data-original='+data.imgSrc+'></a>');
							var title = $('<p class="title"><a href="detail.html">' + data.name + '</a></p>');
							var oprice = $('<p class="o-price">' + data.oprice + '</p>');
							var price = $('<p class="price">' + data.price + '</p>');
							var addcart = $('<a href="javascript:void(0)" class="addcart" onclick="addTocart(this,'+ res[n].floor[i].content[j].id + ')"></a>');
							wrap.append(aImg);
							wrap.append(title);
							wrap.append(oprice);
							wrap.append(price);
							wrap.append(addcart);
							bigBox.append(wrap)
							panel.append(bigBox);
						}
						wrapbox.append(panel);
					}
					$('.floor').eq(n).find('.middle').append(wrapbox);
					$('.floor').eq(n).find('.tabs-panel').eq(0).removeClass('hidden');
				}
				$('img.lazy').lazyload({
					effect:'fadeIn',
					skip_invisible : false
				})
				
				
				showNum()
			}
		})
		//侧边栏购物车
		
		//按钮切换品牌
		$('#f1 .aniuleft').on('click', function () {
			var left = $('#f1 .anli>ul')[0].offsetLeft - 200;
			$('#f1 .anli>ul').animate({'left': left});
			// $('#f1 .anli>ul')[0].style.left=left+'px';
			
		})
		$('#f1 .aniuright').on('click', function () {
			var left = $('#f1 .anli>ul')[0].offsetLeft + 200;
			$('#f1 .anli>ul').animate({'left': left});
			// $('#f1 .anli>ul')[0].style.left=left+'px';
		})
		
		//购物车页面
		$.ajax({
			url: "../detail.json",
			type: 'get',
			success: function (res) {
				var arr = [];
				for (var key in $.cookie()) {//遍历对象
					if (key.indexOf("No.") != 1) {//寻找有No.的键值
						arr.push(JSON.parse($.cookie()[key]));//将字符串放进数组里面
					}
				}
				var sum = 0;
				for (var i = 0; i < arr.length; i++) {
					for (var j = 0; j < res.length; j++) {
						for (var k = 0; k < res[j].floor.length; k++) {
							for(var n=0;n<res[j].floor[k].content.length;n++){
							if (arr[i].id == res[j].floor[k].content[n].id) {
								var data = res[j].floor[k].content[n].content;
								var sumprice = (data.price * arr[i].num).toFixed(2);
								var bigBox = $('<tr></tr>');
								var td1 = $('<td align="center" width="5%"><input type="checkbox" checked></td>');
								var td2 = $('<td align="center" width="40%"><dl class="clear"><dt><a href="detail.html"><img src=' + data.imgSrc + '></a></dt><dd><a href="detail.html">' + data.name + '</a></dd></dl></td>');
								var td3 = $('<td align="center" width="15%"><div class="jm"> <span class="cut">-</span> <input class="jminput" type="text" value="' + arr[i].num + '" myId=' + arr[i].id + '><span class="add">+</span></div></td>');
								var td4 = $('<td align="center" width="15%"> <span class="price">' + data.price + '</span></td>');
								var td5 = $('<td class="sumprice" align="center" width="15%"><span class="price">' + sumprice + '</span></td>');
								var td6 = $('<td align="center" width="10%"><a href="javascript:void(0)" onclick="deleteGood(this)">删除</a></td>');
								bigBox.append(td1)
								bigBox.append(td2)
								bigBox.append(td3)
								bigBox.append(td4)
								bigBox.append(td5)
								bigBox.append(td6)
							}
							}
						}
					}
					$('#form-cart tbody').append(bigBox);
				}
				//减号操作
				$('.cut').on('click', function () {
					var $inp = $(this).siblings(".jminput");
					var cookieName = 'No.' + $inp.attr('myId');
					var num = Number($inp.val());
					if (num == 1) {
						if (confirm("你确定不需要了么？")) {
							var date = new Date()
							date.setDate(date.getDate() - 10000);
							$.cookie(cookieName, null, {expires: date});
							$(this).parents('tr').remove();
							tolPrice();
							return false;
						}
						else {
							num = 1;
						}
					}
					else {
						num = num - 1;
					}
					$inp.val(num);
					var tempData = {};
					tempData.id = $inp.attr('myId');
					tempData.num = num;
					$.cookie(cookieName, JSON.stringify(tempData), {expires: 7})
					var $price = $(this).parents('tr').find('.price');
					var $sumprice = $(this).parents('tr').find('.sumprice').find('.price');
					sumprice = (Number($price.html()) * num).toFixed(2);
					$sumprice.html(sumprice);
					tolPrice();
					showNum()
				})
				//加号操作
				$('.add').on('click', function () {
					var $inp = $(this).siblings(".jminput");
					var num = Number($inp.val());
					num=num+1
					$inp.val(num);
					var cookieName = 'No.' + $inp.attr('myId');
					var tempData = {};
					tempData.id = $inp.attr('myId');
					tempData.num = num;
					$.cookie(cookieName, JSON.stringify(tempData), {expires: 7})
					var $price = $(this).parents('tr').find('.price');
					var $sumprice = $(this).parents('tr').find('.sumprice').find('.price')
					sumprice = (Number($price.html()) * num).toFixed(2);
					$sumprice.html(sumprice);
					tolPrice();
					showNum()
				})
				
				//全选
				$('#chkAll').on('click',function () {
					$('#form-cart input[type="checkbox"]').prop("checked",$('#chkAll').prop("checked"));
				})
				$('#form-cart input[type="checkbox"]').on('click',function () {
					tolPrice()
				})
				$('#head-cart input[type="checkbox"]').on('click',function () {
					tolPrice()
				})
					tolPrice()
			}
		})
		
		//tab切换栏
		$('.hottitle>li').on('mouseenter', function () {
			$('.hottitle>li').removeClass('curr');
			$(this).addClass('curr');
			var index = $(this).index();
			$('.flowbox>ul').addClass('hidden');
			$('.flowbox>ul').eq(index).removeClass('hidden')
		})
		//侧栏购物车跳转链接
		$("#shopcart").on('click', function () {
			$(window).attr("location", "cart.html")
		})
		//详情页加载
		var url = window.location.href;
		console.log(url);
		var $id = url.split("id=")[1];
		console.log($id);
		$.ajax({
			url: "../detail.json",
			type: 'get',
			success:function (res) {
				for(var i=0;i<res.length;i++){
					for(var j=0; j<res[i].floor.length;j++){
						for (var k = 0; k < res[i].floor[j].content.length; k++) {
							if($id==res[i].floor[j].content[k].id){
								var data=res[i].floor[j].content[k].content;
								var til=$('<span>'+data.name+'</span>')
								$('.breadcrumb').append(til);
								$('#smallPic').css("background", "url(" + data.imgSrc+") no-repeat")
								var big=$('<img id="bigPic" src="'+data.imgSrc +'">');
								$('#bigArea').append(big);
								var ssmall=$('<li><img class="img" src="'+ data.imgSrc+'"></li>')
								$('.small-pic-box').append(ssmall);
								$('.goods-info').find('h2').html(data.name)
								$('.price1').html(data.price);
								$('.line').html(data.oprice);
								var adcart=$('<a class="adcart" href="javascript:void(0)" onclick=jiaru(this,'+$id+')>加入购物车</a>');
								console.log(adcart)
								$('.unmean').append(adcart);
								//
								//放大镜
								var _smallImg = $("#smallPic"); //小图
								var _bigImg = $("#bigPic"); //大图
								var _smallArea = $("#smallArea"); //小区域
								var _bigArea = $("#bigArea"); //大区域
								_smallArea.width( _smallImg.width() / _bigImg.width() * _bigArea.width() );
								_smallArea.height( _smallImg.height() / _bigImg.height() * _bigArea.height() );
								//放大系数/放大比例
								var scale = _bigImg.width() / _smallImg.width();
								//鼠标移动事件
								$(document).mousemove(function(e){
									var leftSide = _smallImg.offset().left; //小图左边界
									var rightSide = leftSide + _smallImg.width(); //右边界
									var topSide = _smallImg.offset().top; //上边界
									var bottomSide = topSide + _smallImg.height(); //下边界
									
									//如果在小图区域内
									if (e.pageX > leftSide && e.pageX < rightSide && e.pageY > topSide && e.pageY < bottomSide) {
										
										//显示小区域
										_smallArea.css("display", "block");
										_bigArea.css("display","block");
										var x = e.pageX - _smallImg.offset().left - _smallArea.width()/2;
										var y = e.pageY - _smallImg.offset().top - _smallArea.height()/2;
										
										//如果超出左边界, 则设置x为0
										if (x < 0) {
											x = 0;
										}
										//如果超出右边界, 则设置为右边界位置的值
										else if ( x > _smallImg.width()-_smallArea.width() ) {
											x = _smallImg.width()-_smallArea.width();
										}
										//如果超出上边界, 则最小为0
										if (y < 0) {
											y = 0;
										}
										//如果超出下边界, 则设置为下边界位置的值
										else if ( y > _smallImg.height()-_smallArea.height() ) {
											y = _smallImg.height()-_smallArea.height();
										}
										//移动小区域
										_smallArea.css({left: x, top: y});
										//移动大图的位置
										_bigImg.css({left: -x*scale, top:-y*scale});
									}
									else {
										//隐藏小区域
										_smallArea.css("display", "none");
										_bigArea.css("display","none");
									}
								})
							}
						}
					}
				}
			}
		})
		
	})
	
})
function jiaru(me,res) {
	var cookieName = 'No.' + res;
	tempData = {};
	tempData.id = res;
	var obj = ($.cookie(cookieName));
	if (obj) {
		var cookieObj = JSON.parse(obj);
		tempData.num = cookieObj.num + 1
	}
	else {
		tempData.num = 1;
	}
	$.cookie(cookieName, JSON.stringify(tempData), {expires: 7})
	
	var offset = $("#end").offset();  //结束的地方的元素
	//是$(".addcar")这个元素点击促发的 开始动画的位置就是这个元素的位置为起点
	var img = $('#bigPic').attr('src');
	var flyer = $('<img class="u-flyer" src="'+img+'">');
	//飞
	flyer.fly({
		//起点
		start: {
			left: event.pageX,
			top: event.pageY-scrollY
		},
		//终点
		end: {
			left: offset.left,
			top: offset.top-scrollY,
			width: 0,
			height: 0
		},
		//到达终点后调用的
		onEnd: function(){
			console.log("到达终点");
			$("#msg").show().animate({width: '250px'}, 200).fadeOut(1000);
		}
	});
	showNum()
}
function addTocart(me,res) {
	var cookieName = 'No.' + res;
	tempData = {};
	tempData.id = res;
	var obj = ($.cookie(cookieName));
	if (obj) {
		var cookieObj = JSON.parse(obj);
		tempData.num = cookieObj.num + 1
	}
	else {
		tempData.num = 1;
	}
	$.cookie(cookieName, JSON.stringify(tempData), {expires: 7})
	
	var offset = $("#end").offset();  //结束的地方的元素
	   //是$(".addcar")这个元素点击促发的 开始动画的位置就是这个元素的位置为起点
	var img = $(me).parents('.wrap').find('.lazy').attr('src');
	var flyer = $('<img class="u-flyer" src="'+img+'">');
		//飞
	flyer.fly({
			//起点
			start: {
				left: event.pageX,
				top: event.pageY-scrollY
			},
			//终点
			end: {
				left: offset.left,
				top: offset.top-scrollY,
				width: 0,
				height: 0
			},
			//到达终点后调用的
			onEnd: function(){
				console.log("到达终点");
				$("#msg").show().animate({width: '250px'}, 200).fadeOut(1000);
			}
	});
	showNum()
}
function action(me,id) {
	$(window).attr("location","detail.html?id="+id);
}
function deleteGood(me) {
	if (confirm("你确定要删除")) {
		var id = $(me).parents('tr').find('.jminput').attr('myId');
		var date = new Date()
		date.setDate(date.getDate() - 10000);
		$.cookie('No.' + id, null, {expires: date});
		$(me).parents('tr').remove();
		var money = 0;
		for (var i = 0; i < $('#form-cart').find('.sumprice').length; i++) {
			var $sumprice = $('#form-cart').find('.sumprice').find('.price')
			var oPrice = $sumprice.eq(i).html();
			money += (Number(oPrice) * 100);
		}
		money = money / 100
		$('#money').html(money);
		showNum()
	}
	
	else {
		return false;
	}
	
}
function tolPrice() {
	var money = 0;
	var schk=$('#form-cart input[type="checkbox"]:checked')
	for (var i = 0; i < schk.length; i++) {
		var $sumprice =schk.eq(i).parents('tr').find('span').eq(3).html();
		console.log($sumprice);
		money += (Number($sumprice) * 100);
	}
	money = money / 100
	$('#money').html(money);
}
function showNum() {
	var arr = [];
	console.log($.cookie())
	for (var key in $.cookie()) {//遍历对象
		if (key.indexOf("No.") != -1) {//寻找有No.的键值
			arr.push(JSON.parse($.cookie()[key]));//将字符串放进数组里面
		}
	}
	console.log(arr);
	var sum = 0;
	for (var i = 0; i < arr.length; i++) {
		var num = arr[i].num;
		sum += num
	}
	$('#num').text(sum);
}